<style>
    .xueyuanduan_renwulist_main {padding:20px 40px; color: #535353;font-size: 18px;padding-bottom: 30px;}
    .renwu_top_title {align-items: center;position: relative;}
    .renwu_name {
        margin: auto;
        display: block;
        text-align: center;
        margin-top: -20px;
    }
    .renwu_top_title .renwu_back {display: inline-block;width: 10px; height: 10px;border-right: 1px solid #999;border-bottom: 1px solid #999;transform: rotate(135deg);}
    .renwu_top_title .renwu_baoming{ display: inline-block; width: 100px;text-align: center;line-height: 30px; height: 30px;background-color:#ff0000; border-radius: 6px; color: #fff;}
    .renwu_top_info {display: flex;font-size: 14px; justify-content: space-between;align-items: center;margin-top: 22px;height: 40px;width: 100%;background-color: #f4f4f4;padding: 0 20px; box-sizing: border-box;}
    .renwu_top_info .renwu_tiaojian{ vertical-align: middle;}
    .renwu_top_info .renwu_zhouqi{vertical-align: middle;}
    .renwu_top_info .renwu_honor{vertical-align: middle;}
    .active {color: #3399ff;border-bottom:2px solid #3399ff;}
    .rewnu_tab {display: flex;text-align: center;margin-top: 22px;}
    .zhongjian {margin: 0 20px;}
    .rewnu_tab .renwu_tab_center{margin: auto;width: 220px;} 
    .rewnu_tab .renwu_tab_center div {width: 60px;padding-bottom: 11px;float: left;}
    .renwu_course_jieduan {margin-top: 30px;;margin-bottom: 10px;font-size: 14px;} 
    .xueyuanduan_renwulist_list-group {display: flex;flex-wrap: wrap;padding: 0 20px}
    .xueyuanduan_renwulist_list-group li{width: 18.5%; margin-top: 0;margin-right: 1.5%;margin-bottom: 20px;}
    .rewwu_jianjie {width: 100%;height: 440px;background-color: #f4f4f4;overflow: hidden;margin-top: 30px;}
    .rewwu_jianjie div{font-size: 20px;margin-top: 29px;margin-bottom: 20px;margin-left: 30px;}
    .rewwu_jianjie div span {display: block;margin-left: 30px;font-size: 18px;margin-top: 20px;}
    .rewwu_fujian {width: 100%;height: 450px;background-color: #fff;overflow: hidden;margin-top: 22px;}
    .xueyuanduan_renwulist_item_name  {font-size: 15px;}
    .xueyuanduan_renwulist_item_xxjg{font-size: 14px;}
    .xueyuanduan_renwulist_item_xiangqing {font-size: 14px;}
</style>
<div ng-controller="publictask">
    <div  class="xueyuanduan_renwulist" style="margin-top: 8px;">
        <div class="xueyuanduan_renwulist_main" >
            <div class="renwu_top_title">
                <span style="padding-right:15px;cursor:pointer;" ng-click="backClose()"><span class="renwu_back"></span></span>
                <!-- {{stageTrainObj.warnMsg}}   -->
                <span    ng-if="stageTrainObj.isReviewed"  style="position: absolute;right: 0;"><a href="javascript:void(0)" ng-click="signUpArrange()"  class="renwu_baoming"  ng-if="stageTrainObj.signUpState==0">立即报名</a></span>
                <span class="renwu_name" ng-bind="stageTrainObj.name||stageTrainObj.knowledge_Name"></span>
            </div>
            <div class="renwu_top_info">
                
            <span ng-if="stageTrainObj.date_formate == 0">
                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-5"></use></svg>
                    <span ng-bind="('ExaminationConditions'|T)+'：'+('Unrestricted'|T)"></span>
            </span>
            <span ng-if="stageTrainObj.date_formate == 1">
                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shijian3"></use></svg>
                {{'TaskDate'|T}}：{{ stageTrainObj.start_Date +'-'+ stageTrainObj.end_Date }}
                <!--精确时间-->
                <m ng-if="stageTrainObj.fine_time"> {{'TimeSlot'|T}}： {{stageTrainObj.start_time+'-'+stageTrainObj.end_time }}</m>
            </span>
            <!--天数-->
            <span ng-if="stageTrainObj.date_formate == 2">
                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shijian3"></use></svg>
                {{'TaskDays'|T}}：{{stageTrainObj.date_formate_time}}{{'day'|T}}
            </span>
            <span ng-if=" stageTrainObj.qualified_condition == 1 || stageTrainObj.qualified_condition == 2">
                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-xuefen"></use></svg>
                <m ng-if="stageTrainObj.qualified_condition == 1">{{'TotaMinutesRequired'}}: {{stageTrainObj.qualified_pass}}分</m>
                <m ng-if="stageTrainObj.qualified_condition == 2">{{'AskingForTestScores'}}: {{stageTrainObj.qualified_pass}}分</m>
            </span>
            <span ng-if="stageTrainObj.arrage.isOrder&&stageTrainObj.signUpState != 1&&stageTrainObj.signUpState != 3" style="color:Red;">{{'Maid'|T}}：{{'MandatorySequentialLearningTask'|T}}！</span>
            <span ng-if="stageTrainObj.signUpState == 1" style="color:Red;">报名审核中，请耐心等待！</span>
            <span ng-if="stageTrainObj.signUpState == 3" style="color:Red;">报名审核失败，详情请联系管理员！</span>
            
            <!--报名提示-->
            <!-- <span  style="color:Red;" ng-if="stageTrainObj.isReviewed">{{warnMsg}}<a href="javascript:void(0)" ng-if="signUpState==0" ng-click="signUpArrange(stageTrainObj)" style="color: #39f;"  >立即报名</a></span> -->
            <!--荣誉预留-->
            <span ng-if="false">
                <svg class="icon" aria-hidden="true" ng><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-rongyujiangxiang"></use></svg>
                考核奖励：<div>
                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-jichutubiao_jiangli"></use></svg>
                    XX荣誉</div>
                <div>
                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-jichutubiao_jiangli"></use></svg>
                    XX荣誉</div>
            </span>
                <!-- <span class="renwu_honor">可获得荣誉</span> -->
            </div>
            <div class="rewnu_tab" ng-if="isTask">
                <div class="renwu_tab_center" style="font-size: 16px;">
                    <div ng-class="{'active':change==1}" ng-click="changetab('1')">简介</div>
                    <div class="zhongjian" ng-class="{'active':change==2}" ng-click="changetab('2')" >课程</div>
                    <div ng-class="{'active':change==3}" ng-click="changetab('3')">附件</div>
                </div>
            </div>
            <div class="rewnu_tab" ng-if="!isTask"  style="margin-bottom: 22px;">
                <div class="renwu_tab_center">
                    <div ng-class="{'active':selectType == 1}"  ng-click="selType(1)" ng-if="stageTrainObj.know_select_course">课程</div>
                    <div class="zhongjian" ng-class="{'active':selectType == 2}" ng-click="selType(2)" ng-if="stageTrainObj.know_select_exam" >试卷</div>
                    <div ng-class="{'active':selectType == 3}"  ng-click="selType(3)" ng-if="stageTrainObj.know_select_que">题库</div>
                </div>
            </div>
            <a ng-href="{{commonUrl}}" target="_blank" id="commonHref" style="display:none;"></a>
            <div class="rewwu_course" ng-if="change==2">
                <div class="rewwu_course_list" ng-if="isTask" ng-repeat="arrageType in stageTrainObj.arragetype">
                    <div class="renwu_course_jieduan" ng-bind="arrageType.keyName==undefined?'第'+arrageType.key+'阶段':arrageType.keyName">第一阶段</div>
                    <!--遍历课程、试卷、文件-->
                    <ul class="xueyuanduan_renwulist_list-group">
                        <!--遍历课程-->
                        <li ng-repeat="obj in arrageType.totleList" style="min-height: 240px; cursor: pointer; position:relative;">
                        <!--课程类型-->
                        <div ng-if="obj.type==1"  ng-click="openUrlLink(obj,stageTrainObj,arrageType.key)">
                        <div class="shuqian-down" ng-if="completeStr.indexOf(obj.course_Id)!=-1" >
                                <span class="shuqian end"></span><span class="shuqiantext">已完成</span>
                        </div>
                            <!--封面-->
                            <div class="xueyuanduan_renwulist_item_img">
                                <!--课程封面-->
                                <img src="/images/train/filenull.png" ng-src="{{obj.course_img}}" 
                                    onerror="javascript:this.src='/images/train/filenull.png'" />
                            </div>
							<!--
                            <div ng-if="obj.selectType==2&&!obj.expire">
                                    <div class="xueyuanduan_renwulist_item_img" style="top: 0;position: absolute;transition: all 0.3s ease 0s;width: 100%;background-color: rgba(0,0,0,0.5);"></div>
                                <div style="top: 0;position: absolute;transition: all 0.3s ease 0s;width: 100%;text-align: center;padding: 20%  0;font-size: 30px;color: #fff;" class="ng-binding">已过期</div>
                            </div>-->
                            <!--课程中是否存在直播-->
                            <div class="xueyuanduan_renwulist_item_livets" ng-if="obj.courseLiveNum >0">
                                <span>{{'LiveBroadcast'|T}}</span>
                                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-time"></use></svg>
                                <!--预留直播时间等待存储-->
                            </div>
                            <!--名称-->
                            <div class="xueyuanduan_renwulist_item_name"  ng-bind="obj.course_Name">
                            </div>
                            <!-- <div class="xueyuanduan_renwulist_item_xxjg" ng-if="sTObj.arrage.isOrder"  style="    margin-bottom: 35px">
                                 <span >
                                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shuxing"></use></svg>
                                    排序：{{obj.order}}
                                </span>
                            </div>-->
                            <div class="xueyuanduan_renwulist_item_xxjg" ng-if="!stageTrainObj.arrage.isOrder"    style="    margin-bottom: 35px">
                                 <span  ng-if="obj.studyType=='1'">
                                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-biaoqianlvse"></use></svg>
                                    {{'Elective'|T}}
                                </span>
                                <span  ng-if="obj.studyType=='2'">
                                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-biaoqianhongse"></use></svg>
                                    {{'compulsory'|T}}
                                </span>
                            </div>
                            <!--课程信息#icon-circle-->
                            <div class="xueyuanduan_renwulist_item_xxjg">
                                <m>                                    
                                    <svg class="icon" aria-hidden="true"  style="color:#999 !important">
                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-kecheng">
                                    </use>
                                    </svg>{{'Course'|T}}
                                </m>
                                <span>
                                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-zhangjielianxi"></use></svg>
                                    {{obj.course_Sum}}  章</span>
                            </div>
                        </div>
                            <!--试卷类型-->
                        <div ng-if="obj.type==2"  ng-click="openUrlLink(obj,stageTrainObj,arrageType.key)">
                            <div class="shuqian-down" ng-if="completeStr.indexOf(obj.paperId)!=-1" >
                                <span class="shuqian end"></span><span class="shuqiantext">已完成</span>
                        </div>
                            <!--封面-->
                            <div class="xueyuanduan_renwulist_item_img">
                                <!--试卷封面-->
                                <img src="/images/train/examnull.png" ng-src="{{userInfo.user_Img}}"
                                    onerror="javascript:this.src='/images/train/examnull.png'" />
                            </div>
                            <!--名称-->
                            <div class="xueyuanduan_renwulist_item_name" ng-bind="obj.paperName">
                                这是一个名字
                            </div>
                            <div class="xueyuanduan_renwulist_item_xxjg">
                                <m>                                    
                                    <svg class="icon" aria-hidden="true" style="color:#999 !important">
                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-icon04"></use>
                                    </svg>
                                    </svg>   
                                      {{'Paper'|T}}
                                </m>
                               <!-- <m style="float:right;">                                    
                                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shuxing"></use></svg>
                                    排序：{{obj.order}} 
                                </m>-->
                            </div>

                            <div class="xueyuanduan_renwulist_item_xiangqing" >
                                <span>
                                    <label>
                                         {{'passingGrade'|T}}:</label>{{obj.passGrade}}</span>{{'fraction'|T}}
                               <span>
                                    <label >
                                          {{'TotalScore'|T}}:</label>{{obj.totalScore}}{{'fraction'|T}}</span>
                            </div>
                        </div>
                         <!--知识分类类型-->
                        <div ng-if="obj.type==3"  ng-click="openUrlLink(obj,stageTrainObj,arrageType.key)">
                            <div class="shuqian-down" ng-if="completeStr.indexOf(obj.knowledge_Id)!=-1" >
                                <span class="shuqian end"></span><span class="shuqiantext">已完成</span>
                        </div>
                            <!--封面-->
                            <div class="xueyuanduan_renwulist_item_img"  style="font-size: 48px;text-align: center;">
                                <!--知识架构封面-->
                                <svg class="icon" aria-hidden="true" style="margin-top:7px;" ng-click="openIcon()">
                                    <use xlink:href="{{ obj.ico ? obj.ico: '#icon-mulumoshi'}}"></use>
                                </svg>
                            </div>
                            <!--名称-->
                            <div class="xueyuanduan_renwulist_item_name" ng-bind="obj.knowledge_Name">
                                这是一个名字
                            </div>
                            <!--<div class="xueyuanduan_renwulist_item_xxjg" ng-if="sTObj.arrage.isOrder"  style="    margin-bottom: 35px">
                                 <span >
                                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shuxing"></use></svg>
                                    排序：{{obj.order}}
                                </span>
                            </div>-->
                            <div class="xueyuanduan_renwulist_item_xxjg">
                                <m>                                    
                                    <svg class="icon" aria-hidden="true" style="color:#999 !important"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-file"></use>
                                    </svg>   
                                      {{'KnowledgeClassification'|T}}:
                                </m>
                            </div>
                        </div>
                        </li>
                    </ul>
                </div>
                <ul class="xueyuanduan_renwulist_list-group" ng-if="!isTask">
                    <center ng-if="stageTrainObj.kscList.length<=0&&selectType==1" style="padding: 10rem 0px;color: #ccc;"><img src="/images/knownull.png"><br/>未找到数据</center>
                    <!--遍历课程-->
                    <li ng-repeat="courseObj in stageTrainObj.kscList" style="min-height: 240px; cursor: pointer;"
                        ng-click="openUrlLink(courseObj,stageTrainObj)" ng-if="selectType==1">

              
                    <div class="shuqian-down" ng-if="completeStr.indexOf(courseObj.courseId)!=-1" >
                    <span class="shuqian end"></span><span class="shuqiantext">已完成</span>
                    </div>
                        <!--封面-->
                        <div class="xueyuanduan_renwulist_item_img">
                            <!--课程封面-->
                            <img src="/images/train/filenull.png" ng-src="{{courseObj.courseImg}}" 
                                onerror="javascript:this.src='/images/train/filenull.png'" />
                        </div>
                        <!--课程中是否存在直播-->
                        <div class="xueyuanduan_renwulist_item_livets" ng-if="courseObj.courseLiveNum >0">
                            <span>直播</span>
                            <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-time"></use></svg>
                            <!--预留直播时间等待存储-->
                        </div>
                        <!--名称-->
                        <div class="xueyuanduan_renwulist_item_name"  ng-bind="courseObj.courseName">
                        </div>
                        
                        <div class="xueyuanduan_renwulist_item_xxjg">
                            <m>                                    
                                <svg class="icon" aria-hidden="true"  style="color:#999 !important">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-kecheng">
                                </use>
                                </svg>课程
                            </m>
                            <span>
                                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-zhangjielianxi"></use></svg>
                                {{courseObj.courseSum}} 章</span>
                        </div>
                        <!--课程内容统计-->
                        <div class="xueyuanduan_renwulist_item_xiangqing" ng-if="false">
                            <span>
                                <label>
                                    视:</label>{{courseObj.courseVideoNum}} </span><span>
                                        <label>
                                            文:</label>{{courseObj.courseDocNum}} </span><span>
                                                <label>
                                                    考:</label>{{courseObj.courseExamNum}} </span><span>
                                                        <label>
                                                            室:</label>{{courseObj.courseOutNum}} </span><span>
                                                                <label>
                                                                    题:</label>{{courseObj.courseQueNum}}</span>
                            <span>
                                <label>
                                    直:</label>{{courseObj.courseLiveNum}} </span>
                        </div>
                    </li>

                    <!---遍历试卷-->
                    <center ng-if="stageTrainObj.kseList.length<=0&&selectType==2" style="padding: 10rem 0px;color: #ccc;"><img src="/images/knownull.png"><br/>未找到数据</center>
                    <li ng-repeat="courseObj in stageTrainObj.kseList" style="min-height: 240px; cursor: pointer;"
                        ng-click="openUrlLink(courseObj,stageTrainObj.id)" ng-if="selectType==2">
                    <div class="shuqian-down" ng-if="completeStr.indexOf(courseObj.paperId)!=-1" ><span class="shuqian end"></span><span class="shuqiantext">已完成</span></div>
                        <!--封面-->
                        <div class="xueyuanduan_renwulist_item_img">
                            <!--试卷封面-->
                            <img src="/images/train/examnull.png" ng-src="{{userInfo.user_Img}}"
                                onerror="javascript:this.src='/images/train/examnull.png'" />
                        </div>
                        <!--名称-->
                        <div class="xueyuanduan_renwulist_item_name" ng-bind="courseObj.paperName">
                            这是一个名字
                        </div>

                        <div class="xueyuanduan_renwulist_item_xxjg">
                            <m>                                    
                                <svg class="icon" aria-hidden="true" style="color:#999 !important">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-icon04"></use>
                                </svg>
                                </svg>   
                                  试卷
                            </m>
                        </div>

                        <div class="xueyuanduan_renwulist_item_xiangqing" >
                            <span>
                                <label>
                                    及格分:</label>{{courseObj.passGrade}}</span>分
                           <span>
                                <label >
                                      总分:</label>{{courseObj.totalScore}}分</span>
                        </div>
                    </li>

                    <!---遍历分类-->
                    <li  style="min-height: 240px; cursor: pointer;"
                        ng-click="openUrlLink(stageTrainObj,stageTrainObj.id)" ng-if="selectType==3&&showKnow">
                    <div class="shuqian-down" ng-if="completeStr.indexOf(stageTrainObj.knowledge_Id)!=-1" ><span class="shuqian end"></span><span class="shuqiantext">已完成</span></div>
                        <!--封面-->
                        <div class="xueyuanduan_renwulist_item_img">
                            <!--知识架构封面-->
                            <img src="/images/train/quenull.png" onerror="javascript:this.src='/images/train/quenull.png'"  />
                        </div>
                        <!--名称-->
                        <div class="xueyuanduan_renwulist_item_name" ng-bind="stageTrainObj.knowledge_Name">
                            这是一个名字
                        </div>
                        <div class="xueyuanduan_renwulist_item_xxjg">
                            <m>                                    
                                <svg class="icon" aria-hidden="true" style="color:#999 !important"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-file"></use>
                                </svg>   
                                  题库练习
                            </m>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="rewwu_jianjie" ng-if="change==1">
                <div>任务描述：<span>{{stageTrainObj.name}}</span></div>
            </div>
            <div class="rewwu_fujian" ng-if="change==3">
                <div style="color: #979797;    clear: both;" ng-if="stageTrainObj.arrage.ksfList.length>0">
                        <div ng-repeat="kbinfo in stageTrainObj.arrage.ksfList" style="text-align: center;overflow: hidden;float: left; height:80px;padding: 0 20px;width: 60px; cursor:pointer;" title="{{kbinfo.fileName}}" ng-click="filePreview(kbinfo)">
                            <img ng-src="/images/fileicon/{{kbinfo.fileType}}_56.png" src="/images/fileicon/qita_56.png" onerror="javascript:this.src='/images/fileicon/qita_56.png'" />
                           <br/>{{kbinfo.fileName}}
                        </div>
                </div>
            </div>
        </div>
    </div>
    <!--文件预览-->
    <filepre isdata="isFilePreview" ng-if="isFilePreview.divhide"></filepre>
    <training-task-preview ng-if="previewShow" task-obj="previewObj" on-close="closePreview()"  show-know="true" ></training-task-preview>
</div>